/*
    Document   : style
    Created on : Sep 20, 2013, 6:56:35 PM
    Author     : mrnghiep
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html, body { margin:0px; padding:0px; }
body { font:12px Arial, Helvetica; }

ol, ul {
    list-style:none
}
.label2 {
    border-bottom: 1px dotted black;
    color: rgb(0, 179, 237);
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}
.label1 {
    margin: 5px 0px 0px;
}

.news-info {
    float: left;
    /*   margin-left: 10px;*/
    padding-bottom: 20px;
    width: 405px;
}

.news-info .name {
    border-bottom: 1px dotted;
    clear: both;
    display: block;
    padding: 10px 0px;
}

.news-info .label {
    color: #009900;
    float: left;
    font-weight: bold;
    text-align: left;
    width: 150px;
}

.news-info .noidungmota {
    display: block;
    float: right;
    width: 200px;
}

.clean {
    clear: both;
    height: 0px;
    visibility: hidden;
    display: block;
}

.image-detail {
    float: right;
    width: 200px;
    margin-top: 15px;
}

.news-title-top h2 {
    padding-bottom: 10px;
    color: rgb(0, 179, 237);
    font-size: 15px;
    font-weight: bold;
}

#top_strip_in p{color: white;}
#top_strip_in p a{color: white;}
/* End contact-info*/
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }

/*-- Tin tức------------------------*/
.tintuc-post-title {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px 5px;
    font-weight: bold;
}
.tintuc-excerpt {
    text-align: justify;
    font-size: 96%;
    color: #FFF;
}
.tintuc-post-img {
    padding: 2px;
    margin-top: 5px;
    margin-right: 5px;
    display: inline;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(237, 237, 237);
}
/*-- End Tin tức------------------- */
/* headings ---------------------- */
h1.page_head {
    height:30px; line-height:30px; margin-bottom:10px;
    padding:0 0 0 70px; font-size:15px;
    font-weight:bold; text-transform:uppercase;font-style:italic;
    background:url(../images/page_head.jpg) 0 0 no-repeat;
    color: #009900;
}

h1.single_head { margin:0;  padding:0 0 8px 0; font-size:15px; font-weight:bold;  }

h1.page_head span { font-size:11px; color:#b1b1b1; text-transform:none; }

h1 { margin:0; font:24px Arial, Helvetica, sans-serif;  }
h2 { font:18px Arial, Helvetica, sans-serif; }
h3 { font:16px Arial, Helvetica, sans-serif; }
h4 { margin-bottom:10px; font-size:24px; font-weight:bold;   }
h5 { font:18px Arial, Helvetica, sans-serif; }
h6 { font:18px Arial, Helvetica, sans-serif;  }


/* STRUCTURE ---------------------*/


#header_in { width:960px; margin:0 auto; height:238px; background:url(../images/head-img.png) top right no-repeat; }
#nav_in {width:960px; margin:0 auto; height:42px; display:block; }

#wrapper { width:960px; margin:20px auto 0 auto; height:100%; overflow:hidden; }
#content { width:720px; float:left;  }
#sidebar { width:230px; float:right; }
.content_top { clear:both; }
.content_bottom { }
#mat-giay-to{ padding:40px 0 10px; background:url(../images/mat-giay-to.jpg)  0 0 no-repeat; margin-bottom:20px;}

#nhat-giay-to{padding:40px 0 10px; background:url(../images/nhat-giay-to.jpg) top right no-repeat;}

#footer { margin-top:16px; clear:both; background-color: #7FDB7F; border-radius: 7px 7px 0px 0px; }
#footer_in { overflow:hidden;width:960px; margin:0 auto;  text-align:center; padding:10px 0;}


/* HEADER ****************************/

.logo { float:left; padding-top:20px; }
.header_right { float:right; padding-top:25px; width:468px;   }

.search { width:377px; height:91px;  }
.search .textfield { padding:0px 5px 3px 12px; margin:25px 0 0 20px; width:250px; float:left; font:14px Arial, Helvetica, sans-serif; }
.b_search { float:right; margin:17px 18px 0 0;}


/* content question list ---------- */
#content .question_list { padding:8px 5px 5px 5px; height:100%; overflow:hidden; position:relative; }

#content .question_list h3 { margin:0; width:400px; font-size:13px; font-weight:bold; float:left; }
#content .question_list h3 a { text-decoration:none;  }

#content .question_list p { font-size:12px; line-height:15px; overflow:hidden; width:100%; padding:0;}
#content .question_list p a { text-decoration:none; }
#content .question_list p span { float:left; margin-right:30px; }

#content .answers_total { float:left; width:45px;font-size:12px;text-align:center; margin-top:3px; margin-right:20px; line-height:normal; }
#content .answers_total a { text-decoration:none; display:block; text-align:center; font:14px Arial, Helvetica, sans-serif; padding:5px 0 8px 0; }
#content .answers_total a:hover { text-decoration:none; }


#content .posts .question_list {  padding:0; margin-bottom:20px;  }
#content .posts .question_list .answers_total { float:left; margin:0; }
#content .posts .question_list  h1 {display:block; padding-bottom:5px; margin:0 0 8px 0;  font-size:18px; border-bottom:1px solid #e5e5e5;}

#content .question_list p span.user { padding-left:22px; padding-bottom:8px; }
#content .question_list p span.user a { color:#333; }

#content .question_list p span.views { padding-left:22px;  padding-bottom:8px; }
#content .question_list p span.views b { font-weight:normal; color:#333; }

#content .question_list p span.ptags { padding-left:18px;  padding-bottom:8px; }
#content  span.pcate { padding-left:22px; display:block; }




/* --------------------- */

#content #tab { margin:0; padding:0px 0 0 10px;  height:47px;  _height:52px; _overflow:hidden; list-style:none; float:left; text-align:right; width:710px; }
* html #content #tab li { position: relative; top:5px; z-index:3px; }

#content #tab li { float:left; margin:0; padding:0;  }


/* content -------------*/
#content p { font-size:13px; text-align:justify; }

#content ul { list-style:none; margin:0 0 30px 0; }
#content ul li ul, #content ul li ul li ul { margin:4px 0 0 0; }
#content li { margin:0 0 10px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; }
#content ol { margin:0 0 30px 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0; }
#content ol li ol li { margin:0 0 5px 0; padding:0;  list-style-type: lower-latin;  }
#content ol li ol li ol li { list-style-type: lower-roman; }

#content h3 { margin:0 0 15px 0; padding:0 0 8px 0; font:22px Arial, Helvetica, sans-serif; }

#content h5 { margin:30px 0 10px 0; padding:0; }

#content .posts h2, #content h2 { font-size: 22px }
#content .posts h3, #content h3 { font-size: 20px }
#content .posts h4, #content h4 { font-size: 18px; font-weight:normal; clear:both; }
#content .posts h5, #content h5 { font-size: 16px }
#content .posts h6, #content h6 { font-size: 14px }
.content_spacer h4.cate_title { font-size:26px; clear:both; }
#content .posts h2, #content .posts h3, #content .posts h4, #content .posts h5, #content .posts h6 { margin:30px 0 5px 0; font-family: Arial, Helvetica, sans-serif; }

#content h2, #content h3, #content h4, #content h5, #content h6 { margin:30px 0 5px 0; font-family: Arial, Helvetica, sans-serif; }



#content .posts { padding-bottom:10px; margin-bottom:10px; height:100%; overflow:hidden; }
#content .post_top { margin:0 0 5px 0; }
#content p.post_top a { text-decoration:none; }
#content p.post_top a:hover { text-decoration:none; }


.post_left { width:150px; float:left; padding-top:3px;  }
.post_left img{ padding:3px; border:1px solid #d8d8d8;}
.post_left span { display:block; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px; color:#777;  }

.post_right { width:520px; float:right; }


#content .post_top h1, #content .post_top h3  { margin:0; padding:0; line-height:normal; font-weight:bold; }
#content .post_top h1 a, #content .post_top h3 a{ text-decoration:none; }

#content .post_top h3 a { font-size:15px; }

#content .post_top{ margin:0; padding:0; font-size:11px; }


.info { padding:10px; padding-bottom:5px; }

/* sidebar  ---*/
.sidebar_spacer {}

#sidebar .widget { background:#7FDB7F; /*#e5e5e5;*/ margin-bottom:20px; padding:10px 8px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#sidebar .widget h3 {color:#008000; margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; text-align:center; text-transform:uppercase; font-weight:bold;  }
#sidebar ul { margin:0; padding:0; }
#sidebar li { margin:0 0 0px 0; padding:4px 0 8px 15px; font:14px Arial, Helvetica, sans-serif;  }
#sidebar li ul { margin:0; padding:0; }
#sidebar li ul li { border-bottom:none; margin-bottom:4px; padding:9px 0 0px 15px; background-position:0 15px;}

#sidebar .widget_nav_menu{
    background-color: #7FDB7F; /*:url(../images/menu-box.png) 0 0 repeat-x #8c0404;*/
}

#sidebar .widget_nav_menu h3{ color:#008000;}
#sidebar .widget_nav_menu li{
    /*background:url(../images/v-menu-sep.png) bottom center no-repeat;*/
    border-bottom: 2px inset #00FF00;
    padding:6px 0 7px 0px; margin-left:8px;
}
#sidebar .widget_nav_menu li a{
    color:#FFFFFF; 
    padding-left:20px;
    text-decoration: none;
    background:url(../images/v-menu-bul-3.png) left center no-repeat;

}
#sidebar .widget_nav_menu li  a:hover{ color:#008000;font-weight: bolder;}
#sidebar .widget_nav_menu li.current-menu-item  a {color:#008000;}
#sidebar .widget h3 span.point { font:bold 12px Arial, Helvetica, sans-serif; }



/* BREADCRUMBS **************************/
.breadcrumbs { margin-bottom:20px; }
.breadcrumbs p { margin:0; padding:0;  }
.breadcrumbs a { padding-right:3px; font-size:11px; text-align:left; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:none; }
.breadcrumbs strong { font-weight:normal;  }



/* FOOTER ------------------------------------*/
#footer_in .fleft { padding-top:5px; }

#footer p { padding:0px 0px 5px 0px; margin-left:-3px; line-height:18px; }
#footer ul { margin-left:-10px; margin-bottom:10px; }
#footer ul li { padding:0px 5px; display:inline; list-style-type:none; border-left:1px solid #ccc; }
#footer ul li a {  text-decoration:none; }

/* Post Pagination */
.pagination {  height:100%; overflow:hidden; text-align:center; clear:left; margin:25px 0; }
.pagination .on,  .pagination a { padding:5px 10px; margin-right:3px; margin-left:3px; display:inline; font-weight:bold; }
.pagination a { margin-left:0; line-height:28px; text-decoration:none; }


/* clearfix ----- */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block; }


/* Comment */
.comment-info{
    padding-bottom: 10px;
}
.label2 {
    padding-top: 5px;
    color: #009900;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px dotted black;
}
.label1 {
    margin: 5px 0px 0px;
}
.mainComment{
    min-height: 100px;
    margin-bottom: 44px;
}
.titleCM{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    color: #009900;
    margin-bottom: 10px;
}
.mainComment textarea{
    width: 300px;
    height: 40px;
    border: 2px solid #CCCCCC;
    border-radius: 3px;
    padding: 5px;
}
.subComment{
    float: right;
    opacity: 0;
    transition:opacity 1.3s;
}
.subComment input{
    width: 200px;
    height: 27px;
    border: 2px solid #52CC52;
    border-radius: 3px;
    margin-top: 7px;

}
.subComment input[type=button]{
    width: 200px;
    height: 27px;
    background-color: #009900;
    color: #FFF;
    font-weight: bold;
    border: 2px solid #00B200;
    border-radius: 3px;
    margin-top: 7px;
}
.subComment input[type=button]:hover{
    width: 200px;
    height: 27px;
    background-color: #00CC00;
    color: #FFF;
    font-weight: bold;
    border: 2px solid #00B200;
    border-radius: 3px;
    margin-top: 7px;

}
.commentStatus{
    width: 490px;
    height: 30px;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    margin-left: 20px;
    color: #009900;
    font-size: 13px;
    text-transform: lowercase;
    transition:opacity 1s;
}

/* Table from create.jsp */
.tableCreate h4 {
    color: #009900;
    font-style:italic;
    font-size: 13px;
    padding: 0px 0px 8px;
    border-bottom: 1px solid #CCCCCC;
}
.tableCreate input[type=button]{
    width: 100px;
    height: 30px;
    background-color: #009900;
    color: #FFF;
    font-weight: bold;
    border: 2px solid #00B200;
    border-radius: 3px;
}
.tableCreate input[type=button]:hover{
    background-color: #00CC00;
}
.tableCreate input[type=reset]{
    margin-left: 10px;
    width: 100px;
    height: 30px;
    background-color: #8FCC8F;
    color: #FFF;
    font-weight: bold;
    border: 2px solid #86BF86;
    border-radius: 3px;
}
.tableCreate input[type=reset]:hover{
    background-color: #A1E6A1;
}
.tableCreate input[type=text]{
    width: 250px;
}
.tableCreate input[type=text]:hover{
    border: 2px solid #3DCC3D;
}
.tableCreate textarea{
    width: 300px;
    height: 120px;
}
.tableCreate textarea:hover{
    border: 2px solid #3DCC3D;
}
.tableCreate select{
    width: 255px;
    height: 150px;
}
.tableCreate select:hover{
    border: 2px solid #3DCC3D;
}

.createStatus{
    width: 490px;
    height: 30px;
    background-color: #FFFF66;
    border-radius: 5px;
    transition:opacity 1s;
}
.createStatus p{
    padding: 5px 5px 5px 10px;
    color: #009900;
}
.valid{
    color: #FF4D4D;
    font-style: italic;
}